<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition
	template="/WEB-INF/facelets/templates/templateGrupo.xhtml">
	<ui:define name="content">
		<h3 align="center" style="color: #FF9900">BITACORA No.4</h3>
		<h3 align="center" style="color: #FF9900">DEFINICIÓN DE LA
			TRAYECTORIA</h3>
		<h3 align="center" style="color: #FF9900">DE INDAGACIÓN</h3>

		<div style="background: url(images/act8.jpg) top center no-repeat;">
			<table>
				<tr>
					<th width="40" height="13"><h:outputText></h:outputText></th>
					<th width="40" height="12"></th>
					<th width="40" height="11"></th>
					<th width="40" height="11"></th>
					<th width="40" height="11"></th>
					<th width="45" height="11"></th>
					<th width="40" height="11"></th>
					<th width="40" height="11"></th>
					<th width="40" height="11"></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>|     </h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText></h:outputText></th>
					<th><h:outputLink value="#" id="link4">
							<h:graphicImage value="img" url="images/huella.png" />
							<rich:componentControl for="panel4" attachTo="link4"
								operation="show" event="onclick" />
						</h:outputLink></th>
					<th><h:outputText></h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>|     </h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
							<FONT color="#FFFFFF">Paso4</FONT>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>|     </h:outputText></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>|     </h:outputText></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>
						</h:outputText></th>
					<th><h:outputText></h:outputText></th>
					<th><h:outputLink value="#" id="link2">
							<h:graphicImage value="img" url="images/huella.png" />
							<rich:componentControl for="panel2" attachTo="link2"
								operation="show" event="onclick" />
						</h:outputLink></th>
					<th><h:outputText>
							<FONT color="#FFFFFF">Paso2</FONT>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
							<FONT color="#FFFFFF">Paso5</FONT>
						</h:outputText></th>
					<th><h:outputLink value="#" id="link5">
							<h:graphicImage value="img" url="images/huella.png" />
							<rich:componentControl for="panel5" attachTo="link5"
								operation="show" event="onclick" />
						</h:outputLink></th>
					<th><h:outputText></h:outputText></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>|     </h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>|     </h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>|     </h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>|     </h:outputText></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>|     </h:outputText></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
							<FONT color="#FFFFFF">Paso3</FONT>
						</h:outputText></th>
					<th><h:outputLink value="#" id="link3">
							<h:graphicImage value="img" url="images/huella.png" />
							<rich:componentControl for="panel3" attachTo="link3"
								operation="show" event="onclick" />
						</h:outputLink></th>
					<th><h:outputText></h:outputText></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>|     </h:outputText></th>
				</tr>
				<tr>
					<th height="15"><h:outputText>|     </h:outputText></th>
				</tr>
				<tr>
					<th height="11"></th>
					<th><h:outputLink value="#" id="link1">
							<h:graphicImage value="img" url="images/huella.png" />
							<rich:componentControl for="panel" attachTo="link1"
								operation="show" event="onclick" />
						</h:outputLink>
					</th>
					<th><h:outputText>
							<FONT color="#FFFFFF">Paso1</FONT>
						</h:outputText>
					</th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
					<th><h:outputText>
						</h:outputText></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>|     </h:outputText></th>
				</tr>
				<tr>
					<th height="11"><h:outputText>|     </h:outputText></th>
				</tr>
			</table>
		</div>



		<rich:modalPanel id="panel" width="490" height="210">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Paso 1"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/cerrar.jpg" styleClass="hidelink"
						id="hidelink" />
					<rich:componentControl for="panel" attachTo="hidelink"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>

			<a4j:form>
				<table>
					<tr>
						<th>Describir las dificultades que se presentaron en el grupo
							para diseñar la trayectoria de indagación.</th>
					</tr>
					<tr>
						<td><h:inputTextarea
								value="#{grupoBean.bitacora4Maestro.paso1}"
								style="width: 460px; height: 100px"></h:inputTextarea>
						</td>
					</tr>
				</table>
				<br />

				<a4j:commandButton value="Guardar"
					oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('panel')}.hide();" />
			</a4j:form>
		</rich:modalPanel>




		<rich:modalPanel id="panel2" width="490" height="210">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Paso 2"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/cerrar.jpg" styleClass="hidelink"
						id="hidelink2" />
					<rich:componentControl for="panel2" attachTo="hidelink2"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<a4j:form>
				<table>
					<tr>
						<th>Describir las fortalezas del grupo de investigación para
							tomar decisiones sobre el diseño de las trayectorias y para
							argumentarlas.</th>
					</tr>
					<tr>
						<td><h:inputTextarea
								value="#{grupoBean.bitacora4Maestro.paso2}"
								style="width: 460px; height: 100px"></h:inputTextarea>
						</td>
					</tr>
				</table>
				<br />

				<a4j:commandButton value="Guardar"
					oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('panel2')}.hide();" />


			</a4j:form>
		</rich:modalPanel>

		<rich:modalPanel id="panel3" width="490" height="225">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Paso 3"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/cerrar.jpg" styleClass="hidelink"
						id="hidelink3" />
					<rich:componentControl for="panel3" attachTo="hidelink3"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<a4j:form>
				<table>
					<tr>
						<th>A la luz de las etapas de investigación trabajadas hasta
							ahora, enuncie lo que para usted serían las principales
							características de un proceso de formación en el cual la
							investigación es la estrategia pedagógica.</th>
					</tr>
					<tr>
						<td><h:inputTextarea
								value="#{grupoBean.bitacora4Maestro.paso3}"
								style="width: 460px; height: 100px"></h:inputTextarea>
						</td>
					</tr>
				</table>
				<br />

				<a4j:commandButton value="Guardar"
					oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('panel3')}.hide();" />


			</a4j:form>
		</rich:modalPanel>

		<rich:modalPanel id="panel4" width="490" height="210">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Paso 4"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/cerrar.jpg" styleClass="hidelink"
						id="hidelink4" />
					<rich:componentControl for="panel4" attachTo="hidelink4"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<a4j:form>
			<table>
				<tr>
					<th>Argumente la importancia y viabilidad de colocar a la
						investigación como estrategia pedagógica en la cultura escolar.</th>
				</tr>
				<tr>
					<td><h:inputTextarea
							value="#{grupoBean.bitacora4Maestro.paso4}"
							style="width: 460px; height: 100px"></h:inputTextarea>
					</td>
				</tr>
			</table>
			<br />
		
				<a4j:commandButton value="Guardar"
					oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('panel4')}.hide();" />


			</a4j:form>
		</rich:modalPanel>

		<rich:modalPanel id="panel5" width="490" height="225">

			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Paso 5"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/cerrar.jpg" styleClass="hidelink"
						id="hidelink5" />
					<rich:componentControl for="panel5" attachTo="hidelink5"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<a4j:form>
				<table>
					<tr>
						<th>A partir de su acompañamiento a los grupos de
							investigación Ondas, enuncie las preguntas que le han surgido de
							este proceso y los aspectos que podrían dar elementos para la
							transformación de su práctica pedagógica.</th>
					</tr>
					<tr>
						<td><h:inputTextarea
								value="#{grupoBean.bitacora4Maestro.paso5}"
								style="width: 460px; height: 100px"></h:inputTextarea>
						</td>
					</tr>
				</table>
				<br />

				<a4j:commandButton value="Guardar"
					oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('panel5')}.hide();" />
			
			</a4j:form>
		</rich:modalPanel>
		
		<a4j:form><h:commandButton value="Aceptar"
					action="#{grupoBean.crearBitacora4Maestro}"
					style="width: 104px; height: 29px; " /></a4j:form>
		
	</ui:define>
	<ui:define name="menu">
		<a4j:form>
			<ul class="menu">
				<li class="item174"><a href="grupoIni.jsf"> <span>Atras</span>
				</a>
				</li>
			</ul>
		</a4j:form>
	</ui:define>
</ui:composition>
</html>